﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Home Page
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="wrapper">
        <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <img src="../../img/one.jpg" data-thumb="../../img/one.jpg" alt="" />
                <img src="../../img/two.jpg" data-thumb="../../img/two.jpg" alt="" title="Have a pleasent moment with us" />
                <img src="../../img/three.jpg" data-thumb="../../img/three.jpg" alt="" data-transition="slideInLeft" />
                <img src="../../img/four.jpg" data-thumb="../../img/four.jpg" alt="" title="#htmlcaption" />
            </div>
            <div id="htmlcaption" class="nivo-html-caption">
                <strong>Welcome to Ngapali Beach Hotel</strong> 
            </div>
        </div>

    </div>
    <script type="text/javascript" src="../../Scripts/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="../../Scripts/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $('#slider').nivoSlider();
        });
    </script>
</asp:Content>
